@import './config.scss';
.jp-wrapper{
  background: #EEEEEE;
  .jp-sidebar{
    .el-menu-item.is-active{
      background: #0A405C;
    }
  }
    .jp-content > .el-tabs > .el-tabs__content > .jp-tabs__tools{
      .el-button{
        width: inherit;
      }
  }
.el-tabs{
  .el-tabs__content{
    .bg-white>.container>.left-container{
      .el-tree{
        padding: 10px;
        .el-tree-node__content{
          line-height: 30px;
          min-height: 30px;
        }
        .el-tree-node__label{
          font-size: 16px;
        }
      }
    }
    .el-form{
      .el-form-item__label{
        color: #333333;
      }
      .el-form-item__label,.el-form-item__content{
         line-height: 32px;
      }
      .el-input {
        width: inherit;
        height: 32px;

        input {
          height: 32px;
          border: 1px solid #AAAAAA;
          border-radius: 4px;
          color: #333333;
        }

        input:hover, input:focus {
          border-color: $--color-primary-liyu;
        }

        //.el-input__inner::-webkit-input-placeholder {
        //  color: #999999;
        //}
        //.el-textarea__inner::-webkit-input-placeholder {
        //  color: #999999;
        //}
        .el-input__inner{
          padding:0 10px;
        }
      }
        .el-input.el-input--prefix.el-date-editor{
            .el-input__inner{
                padding: 0 30px;
            }
        }
      .el-range-editor.el-input__inner {
        //width: 383px;
        height: 32px;
        border: 1px solid #AAAAAA;
        border-radius: 3px;
        color: #333333;
          padding-right: 2px;

        .el-range__icon, .el-range__close-icon {
          line-height: 25px;
        }

        .el-range-separator {
          line-height: 24px;
          width: 7%;
        }
      }
        .el-input__inner.el-range-editor--small{
            width: 342px;
        }

    }
    .el-table{
      font-size: 16px;
      .el-table__header,.el-table__body{
        width: 100% !important;
      }
      .el-table__body-wrapper{
        tr:nth-child(odd){
          background: #FFFFFF;
        }
        tr:nth-child(even){
          background: #f7f7f7;
        }
      }
      .el-table__body tr.hover-row>td,.el-table__body tr:hover>td{
        background-color: #eaf5fe !important;
      }
        .el-table__fixed-right{
            tr:nth-child(odd){
                background: #FFFFFF;
            }
            tr:nth-child(even){
                background: #f7f7f7;
            }
        }
      th{
        display: table-cell !important;
        height: 46px;
        background: #EEEEEE !important;
        padding: 0;
        .cell{
          line-height: 46px;
        }

      }
      th:first-child,td:first-child{
        .cell{
          padding: 0;
          text-align: center;
        }
      }
      //th:nth-last-child(2),td:last-child{
      //  border-right: none;
      //}
      td .cell{
        .el-dropdown-link{
          color: $--color-primary-liyu;
        }
        .el-link{
          .el-link--inner{
            margin-right: 16px;
          }
        }
        .el-link:last-child{
          .el-link--inner{
            margin-right: 20px;
          }
        }
      }
      td:last-child{
        .cell{
          padding-right: 0;
          .el-dropdown{
            .el-dropdown-link,.el-icon-arrow-down{
              font-size: 16px;
            }
          }
        }
      }
      .cell{
        padding-left: 20px;
        padding-right: 20px;
      }
      .el-table__row{
        height: 50px;
        td{
          padding: 8px 0;
          .el-link.el-link--primary:hover{
            color: $--color-primary-liyu;
          }
        }
      }
    }
    .el-table td, .el-table th.is-leaf{
      border-bottom: none;
    }
    .el-table--border, .el-table--group{
      border: 1px solid #DDDDDD;
    }
      .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
        border-right: none;
    }
    .el-input.el-input--suffix{
      .el-input__icon{
        line-height: 32px;
      }
    }
    .el-button {
      //min-width: 56px;
      height: 32px;
      font-size: 14px !important;
      border-radius: 4px !important;
      font-family: Microsoft YaHei;
      font-weight: 400;
      padding: 0 13px;
      line-height: 30px;
    }

    .el-button--primary,.el-button--primary:visited {
      background: $--color-primary-liyu;
      color: #FFFFFF;
      //margin-right: 5px;
    }



    .el-button.el-button--default {
      background: #fff;
      border: 1px solid #AAAAAA;
      color: #666666;
    }

    .el-button.el-button--default:hover {
      color: $--color-primary-liyu;
      border-color: $--color-primary-liyu;
      background-color: #FFFFFF !important;
    }
    .el-button.el-button--warning{
      background: #F59A23;
    }
    .el-button.el-button--warning:hover{
      background: #DB8A1F;
    }
      .el-button.save,.el-button.save:hover{
          background-color: #F59A23 !important;
          color: #FFFFFF;
          border: 1px solid #F59A23;
      }
    .jp-tabs__tools.el-dropdown{
      .el-button{
        height: 32px;
        padding: 0 12px;
        line-height: 30px;
      }
    }
    .el-pagination{
      font-weight:500;
      padding-right: 0;
      .el-input__inner{
        font-size: 13px;
      }
      .el-input.el-input--suffix .el-input__icon{
        line-height: 28px;
      }
    }

  }
}
}
.el-select-dropdown{
  .el-select-dropdown__item{
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
  }
  .el-select-dropdown__item>.el-tree{
    padding-bottom: 9px;
    padding-top: 4px;
  }
  .el-select-dropdown__item.selected{
   // background: #D1E9FF;
    color: $--color-primary-liyu;
    font-weight: 400;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover,{
   // background: rgba(24, 144, 255, 0.2);
  }
}
.editForm-wrapper .el-dialog__wrapper .el-dialog{
  width: fit-content;
  .el-dialog__header{
    padding: 0 20px !important;
    height: 41px;
    line-height: 41px;
  }

  .el-dialog__headerbtn{
    top: 11px;
  }
  .el-dialog__title{
    font-size: 16px;
    color: #333333;
  }
  .el-dialog__body{
    padding: 30px 50px 0 ;
    .el-form{
      .el-form-item{
         margin-bottom: 20px !important;
         margin-right: 0;
        .el-form-item__label,.el-form-item__content{
          line-height: 32px;

        }
       .el-date-editor{
          .el-input__inner {
            padding-left: 30px !important;
        }
      }

        .el-form-item__label{
          //padding-right: 10px;
        }
        .el-input {
          width: inherit;
          height: 32px;

          input {
            height: 32px;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            color: #333333;
          }
          .el-input__inner{
            min-width: 320px !important;
          }

          input:hover, input:focus {
            border-color: $--color-primary-liyu;
          }

          //.el-input__inner::-webkit-input-placeholder {
          //  color: #999999;
          //}
          //.el-textarea__inner::-webkit-input-placeholder {
          //  color: #999999;
          //}
        }
        .el-input.el-input-group{
          .el-input__inner{
            min-width: 285px !important;
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
          .el-input-group__append{
            width: 40px;
            padding: 0;
            text-align: center;
            border: 1px solid #AAAAAA;
            position: relative;
            left: -4px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: $--color-primary-liyu;
            background: #FFFFFF;
          }

        }
        .el-input.el-input--suffix .el-input__icon{
          line-height: 32px;
        }
        .el-textarea{
          .el-textarea__inner{
            resize: none;
            height: 92px;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            padding: 5px 10px;
            font-family:Arial;

          }
        }
        .el-input-number{
          .el-input__inner{
            width: 120px;
            min-width: 120px !important;
          }
        }
      }

    }
    .el-table{
      font-size: 14px !important;

      th{
        display: table-cell !important;
        height: 36px;
      }
      th:first-child{
        .cell{
          padding: 0;
        }
      }
      td .cell{
        .el-link{
          .el-link--inner{
            margin-right: 14px;
          }
        }
        .el-link:last-child{
          .el-link--inner{
            margin-right: 30px;
          }
        }
      }
      td .el-link{
        font-size: 14px;
      }
      td:last-child{
        .cell{
          padding-right: 0;
        }
      }
      .cell{
        padding-left: 10px;
        padding-right: 10px;
      }
      .el-table__row{
        height: 40px;
        td{
          padding: 8px 0;
          .el-link.el-link--primary:hover{
            color: $--color-primary-liyu;
          }
        }
      }
    }
    .el-tree{
      padding: 10px 0;
      .el-tree-node__content{
        min-height: 32px;
        line-height: 32px;
      }
      .el-tree-node:focus>.el-tree-node__content {
        background-color: rgba(24, 144, 255, 0.2);
        color: $--color-primary-liyu;
      }
      .el-tree-node__content:hover{
        background: rgba(24, 144, 255, 0.2);
      }
    }
  }
  .el-dialog__footer{
    padding-top: 10px !important;
    .el-button{
      margin-right: 10px;
    }
    .el-button:last-child{
      margin-right: 0;
    }
  }
}
.el-message-box{
  padding-bottom: 24px !important;
  height: inherit !important;
  .el-message-box__header{
    padding: 0 20px !important;
    border-bottom: 1px solid #e8e8e8;
  }

  .el-message-box__headerbtn{
    top: 11px;
  }
  .el-message-box__title{
    font-size: 16px;
    color: #333333;
    height: 41px;
    line-height: 41px;
    font-weight: bold;
    margin-bottom: 0 !important;
  }
  .el-message-box__content{

    padding: 30px;
    text-align: center;
    .el-message-box__status.el-icon-warning{
      display: none;
    }
  }
  .el-button {
    //min-width: 56px;
    height: 32px;
    font-size: 14px !important;
    border-radius: 4px !important;
    font-family: Microsoft YaHei;
    font-weight: 400;
    padding: 0 13px;
    line-height: 30px;
  }
    .el-message-box__btns{
        margin-top: 0 !important;
        width: 132px;
        padding: 0;
        margin: 0 auto;

        .el-button--default{
            float: right;
        }
        .el-button--default.el-button--primary{
            float: left;
            margin-left: 0 !important;
        }
    }
    .el-message-box__btns:after{
        content:'';
        display:table;
        clear:both;
    }
  //.el-message-box__btns button:nth-child(2) {
  //  margin-left: -140px !important;
  //}
  .el-button.el-button--default.el-button--primary {
    background: $--color-primary-liyu;
    color: #FFFFFF;
    margin-right: 5px;
    border: 1px solid $--color-primary-liyu;;
  }

  .el-button.el-button--default.el-button--primary:hover {
    background: $--color-primary-liyu !important;
    color: #FFFFFF;
  }
  .el-button.el-button--default {
    background: #fff;
    border: 1px solid #AAAAAA;
    color: #666666;
  }

  // .el-button.el-button--default:hover {
  //   color: $--color-primary-liyu;
  //   border-color: $--color-primary-liyu;
  //   background-color: #FFFFFF !important;
  // }
}


.el-dialog__wrapper .el-dialog{
  width: fit-content;
  .el-dialog__header{
    padding: 0 20px !important;
    height: 41px;
    line-height: 41px;
  }

  .el-dialog__headerbtn{
    top: 11px;
  }
  .el-dialog__title{
    font-size: 16px;
    color: #333333;
  }
  .el-dialog__body{
    padding: 30px 50px 0;
    padding-bottom: 0 !important;

    .el-button {
      //min-width: 56px;
      height: 32px;
      font-size: 14px !important;
      border-radius: 4px !important;
      font-family: Microsoft YaHei;
      font-weight: 400;
      padding: 0 13px;
      line-height: 30px;
    }

    .el-button--primary,.el-button--primary:visited {
      background: $--color-primary-liyu;
      color: #FFFFFF;
      margin-right: 5px;
    }

    .el-button--primary:hover {
      background: $--color-primary-liyu !important;
    }

    .el-button.el-button--default {
      background: #fff;
      border: 1px solid #AAAAAA;
      color: #666666;
    }

    // .el-button.el-button--default:hover {
    //   color: $--color-primary-liyu;
    //   border-color: $--color-primary-liyu;
    //   background-color: #FFFFFF !important;
    // }
    .el-pagination{
      .btn-next{
        margin-right: 0;
      }
    }
    .el-form{
      .el-form-item{
         margin-bottom: 20px !important;
         margin-right: 0;
        .el-form-item__label,.el-form-item__content{
          line-height: 32px;

        }

        .el-form-item__label{
          //padding-right: 10px;
        }
        .el-input {
          width: inherit;
          height: 32px;

          input {
            height: 32px;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            color: #333333;
          }
          .el-input__inner{
            min-width: 180px
          }

          input:hover, input:focus {
            border-color: $--color-primary-liyu;
          }

          //.el-input__inner::-webkit-input-placeholder {
          //  color: #999999;
          //}
          //.el-textarea__inner::-webkit-input-placeholder {
          //  color: #999999;
          //}
        }
        .el-input.is-disabled input{
          background: #EEEEEE;
            color: #999999;
        }
        //.el-select{
        //  width: 320px;
        //}
        .el-input.el-input--suffix .el-input__icon{
          line-height: 32px;
        }
        .el-textarea{
          .el-textarea__inner{
            resize: none;
            height: 92px;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            padding: 5px 10px;
            font-family:Arial;
          }
        }
        .el-input-number{
          width: 120px;
          line-height: 32px;
          .el-input-number__decrease, .el-input-number__increase{
            width: 30px;
            height: 30px;
            line-height: 30px;
          }
          .el-input__inner{
            width: 120px;
            min-width: 120px !important;
          }
        }
        .el-input-number.is-controls-right{
          .el-input-number__decrease, .el-input-number__increase{
            width: 30px;
            height: 15px;
            line-height: 15px;
            background: transparent;
            color: #666666;
            border-color: #AAAAAA;
          }
        }
      }

    }
    .el-table{
      font-size: 14px !important;
      th:first-child{
        .cell{
          padding: 0;
        }
      }
      th{
        display: table-cell !important;
        height: 36px;
        padding: 0;
        background: #EEEEEE !important;
          .cell{
          line-height: 36px;
        }
      }
        th:first-child,td:first-child{
            .cell{
                padding: 0;
                text-align: center;
            }
        }



      td .cell{
        .state span{
          width: 6px;
          height: 6px;
        }
        .el-link{
          .el-link--inner{
            margin-right: 14px;
          }
        }
        .el-link:last-child{
          .el-link--inner{
            margin-right: 30px;
          }
        }
      }
      td .el-link{
        font-size: 14px;
      }
      td:last-child{
        .cell{
          padding-right: 0;
        }
      }
      .cell{
        padding-left: 10px;
        padding-right: 10px;
      }
      .el-table__body-wrapper{
        tr:nth-child(odd){
          background: #FFFFFF;
        }
        tr:nth-child(even){
          background: #f7f7f7;
        }
      }
      .el-table__body tr:hover>td{
        background-color: #eaf5fe !important;
      }
      .el-table__row{
        height: 40px;
        td{
          padding: 8px 0;
          .el-link.el-link--primary:hover{
            color: $--color-primary-liyu;
          }
        }
      }
    }
      .el-table td, .el-table th.is-leaf{
          border-bottom: none;
      }
      .el-table--border, .el-table--group{
          border: 1px solid #DDDDDD;
      }
      .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
          border-right: none;
      }
    .el-tree{
      padding: 10px 0;
      .el-tree-node__content{
        min-height: 32px;
        line-height: 32px;
      }
      .el-tree-node:focus>.el-tree-node__content {
        background-color: rgba(24, 144, 255, 0.2);
        color: $--color-primary-liyu;
      }
      .el-tree-node__content:hover{
        background: rgba(24, 144, 255, 0.2);
      }
    }
      .el-tabs{
          .el-tabs__header .el-tabs__item{
              font-size: 16px;
              padding: 0 10px;
          }

      }
      .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2){
          padding-left: 0;
      }
  }
  .el-dialog__footer{
    padding-top: 10px !important;
    .el-button{
      margin-right: 10px;
    }
    .el-button:last-child{
      margin-right: 0;
    }
  }
}
.el-message-box{
  padding-bottom: 24px !important;
  height: inherit !important;
  .el-message-box__header{
    padding: 0 20px !important;
    border-bottom: 1px solid #e8e8e8;
  }

  .el-message-box__headerbtn{
    top: 11px;
  }
  .el-message-box__title{
    font-size: 16px;
    color: #333333;
    height: 41px;
    line-height: 41px;
    font-weight: bold;
    margin-bottom: 0 !important;
  }
  .el-message-box__content{

    padding: 30px;
    text-align: center;
    .el-message-box__status.el-icon-warning{
      display: none;
    }
  }
  .el-button {
    //min-width: 56px;
    height: 32px;
    font-size: 14px !important;
    border-radius: 4px !important;
    font-family: Microsoft YaHei;
    font-weight: 400;
    padding: 0 13px;
    line-height: 30px;
  }
  .el-message-box__btns{
    margin-top: 0 !important;
      width: 132px;
      padding: 0;
      margin: 0 auto;

      .el-button--default{
          float: right;
      }
      .el-button--default.el-button--primary{
          float: left;
          margin-left: 0 !important;
      }
  }
    .el-message-box__btns:after{
        content:'';
        display:table;
        clear:both;
    }
  //.el-message-box__btns button:nth-child(2) {
  //  margin-left: -140px !important;
  //}
  .el-button.el-button--default.el-button--primary {
    background: $--color-primary-liyu;
    color: #FFFFFF;
    margin-right: 5px;
    border: 1px solid $--color-primary-liyu;
  }

  .el-button.el-button--default.el-button--primary:hover {
    background: $--color-primary-liyu !important;
    color: #FFFFFF;
  }
  .el-button.el-button--default {
    background: #fff;
    border: 1px solid #AAAAAA;
    color: #666666;
  }

  .el-button.el-button--default:hover {
    color: $--color-primary-liyu;
    border-color: $--color-primary-liyu;
    background-color: #FFFFFF !important;
  }
}
.editForm-wrapper{
  ::v-deep.el-dialog{
    .el-input__inner{
      width: 320px !important;
    }
  //   .el-dialog__body .el-form .el-form-item {
  //   margin-bottom: 20px !important;
  //   margin-right: 0;
  // }
  }
}
.el-drawer__wrapper{
  .el-drawer__body{
    .el-table{
      font-size: 14px !important;
      .el-table__body .el-table__row td .cell .el-button--text{
        font-size: 14px !important;
      }
    }
  }
}

.el-popover{
  .el-checkbox{
    line-height: 26px;
  }
}
body>.el-dropdown-menu{
  .el-dropdown-menu__item{
    line-height: 26px;
  }
}
.el-message-box .el-button.el-button--default.el-button--primary:hover {
  color: #FFFFFF;
  background-color: $--color-primary-liyu !important;
  opacity: 0.8
}

p{
    margin: 0;
}


